{% load i18n %}

<input type="hidden" name="event_id" value="{{ event.id}}"/>
<div class="row">
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="name_id">{% trans "Name" %}*</label>
			<input type="text" class="form-control" id="name_id" name="name">
			<div class="text-muted">{% trans "Can not modify after sign-up success."%}</div>
		</div>
	</div>
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="gender_id">{% trans "Gender" %}</label>
			<div class="controls">
				<input type="hidden" id="gender_id" name="gender" style="display:none" value="Male">
				<select class="form-control selectpicker" id="gender_select">
					<option selected="selected" value="Male">{% trans "Male" %}</option>
					<option value="Female">{% trans "Female" %}</option>
				</select>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="pid_id">{% trans "Personal id" %}*</label>
			<input type="text" class="form-control" id="pid_id" name="pid">
			<div class="text-muted">{% trans "Can not modify after sign-up success."%}</div>
		</div>
	</div>
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="bday_id">{% trans "Birthday" %}</label>
			<input type="date" class="form-control" id="bday_id" name="bday">
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="phoneNum_id">{% trans "Phone Number" %}</label>
			<input type="text" class="form-control" id="phoneNum_id" name="phoneNum">
		</div>
	</div>
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="country_id">{% trans "Nationality" %}</label>
			<div class="controls">
				<input type="hidden" id="country_id" name="nationality" style="display:none" value="TW">
				{% include "component/country-selector.html" %}
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="email_id">Email</label>
			<div class="controls">
				<input type="text" class="form-control" id="email_id" name="email">
				<div class="text-muted">{% trans "Please enter a valid email address. Signup info will be sent to it after succeed."%}</div>
			</div>
		</div>
	</div>
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="estimateTime_id">{% trans "Estimate time" %}</label>
			<div class="controls">
				<input type="hidden" id="estimateTime_id" name="estimateTime" style="display:none">
				<select class="form-control selectpicker required" id="estimateTime_select">
					<option selected disabled hidden value=''></option>
					<option value="unknown">{% trans "unknown" %}</option>
					<option value="below 18:00">{% trans "below" %} 18:00</option>
					<option value="18:00~20:00">18:00~20:00</option>
					<option value="20:00~22:00">20:00~22:00</option>
					<option value="22:00~25:00">22:00~25:00</option>
					<option value="over 25:00">{% trans "over" %} 25:00</option>
				</select>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="emgcyContact_id">{% trans "Emergency contact person" %}</label>
			<input type="text" class="form-control" id="emgcyContact_id" name="emgcyContact">
		</div>
	</div>
	<div class="col-md-3">
		<div class="form-group">
			<label class="control-label" for="emgcyContPhone_id">{% trans "Emergency contact person's phone number" %}</label>
			<input type="text" class="form-control" id="emgcyContPhone_id" name="emgcyContPhone">
		</div>
	</div>
</div>
<div class="page-header">
</div>
<p> {% trans "Captcha" %} </p>
<div class="form-group">
{{recaptcha_widget_signup}}
</div>